*{
	margin:0px;
	padding:0px;
}

body{
	background:#CCCCCC;
	font-size: 9pt;
}

a{
	color:#FFFFFF;
	
}

ul {
    margin-left:6px;
	width:600px;
}
ul li{
   list-style-type:none;
   height:120px;
   height:200px;
   float:left;
   background:#00CC66;
}
#container {
	margin:0px auto;  
	width:80%;
	height:600px;
}

div.refine-controls {
    float:left;
	width:200px;
	height:600px;
	background:#996633;
}

div.refine-controls div.refine-control-header							{ border-top: 1px solid #999; clear: both; overflow: hidden; width: 100%;}
div.refine-controls div.refine-control-header h2						{ color: #000; display: inline; float: left; font-size: 1.7em; font-family: Tahoma; margin: 0; padding: 1em 0; text-transform: uppercase; }
div.refine-controls div.refine-control-header h3						{ display: inline; float: left; font-size: 1em; margin: 0; padding: 1em 0; text-transform: uppercase; }
div.refine-controls div.refine-control-header h3 a						{ font-weight: bold }
div.refine-controls div.refine-control-header h3 a:hover				{ text-decoration: none; }
div.refine-controls div.refine-control-header a.clear-all				{ float: right; font-weight: bold; line-height: 2.2em; padding: 1.6em 0 0 0; }
div.refine-controls div.refine-control-header a.clear					{ float: right; font-weight: bold; padding: 1em 0; }
div.refine-controls div.refine-control-header a.toggleControl			{ background: url(sources/images/toggleAttribute.gif) no-repeat top left; display: block; float: left; padding: 0 0 0 1.5em; }
div.refine-controls div.refine-control-header a.toggleControl.closed	{ background-position: bottom left; }
.control							{ position: relative; overflow: visible; }
.control input					{ border: 0; color: #666; height: 1.5em; width: 30px; }
div.refine-controls div.control .slider-price-user-min	{ float: left; }
div.refine-controls div.control .slider-price-user-max	{ float: right; }
div.refine-controls div.control .min					{ float: left; visibility: hidden; }
div.refine-controls div.control .max					{ float: right; visibility: hidden; }
div.refine-controls div.control ul						{ padding: 1px; overflow: auto; }
div.refine-controls div.control ul.scrollable			{ border: 1px solid #ccc; height: 130px; overflow: auto; }
div.refine-controls .control.hidden						{ display: none; }

div.refine-controls div#Rf-800			{ margin: 0 0 1em 0; overflow: auto; visibility: hidden; }
div.refine-controls .ui-slider			{ background: #DCD1BB; border-bottom: 1px solid #959485; border-top: 1px solid #959485; height: 4px; margin: 6px 0 11px 0; position: relative; width: 166px; }
div.refine-controls .ui-slider-range	{ background: #464646; height: 4px; font-size: 4px; position: absolute; }
div.refine-controls .ui-slider-handle	{ background-image:url(sources/images/slider.gif); height:15px; left:0; position:absolute; top:-5px; width:8px; z-index:1; }

dl {
	margin-top:6px;
}

dl dt{
	padding-left:16px;
	font-weight:bold;
	color:#FFFF00;
}